<%- include('_header'); -%>


  <style>
    .login-card {
      width: 420px;
      background-color: #F7F7F7;
      margin: 0 auto 10px;
      border-radius: 2px;
      box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
      overflow: hidden;
    }
  </style>

  <div class="card login-card">
    <div class="card-content">
      <p class="title">
        登录 Tailchat
      </p>

      <div class="content">
        <form autocomplete="off" action="/open/interaction/<%= uid %>/login" method="post">
          <div class="control">
            <input class="input" name="email" required type="text" placeholder="邮箱" />
          </div>
          <div class="control">
            <input class="input" name="password" required type="password" placeholder="密码">
          </div>

          <button type="submit" class="button is-info is-fullwidth">登录</button>
        </form>
      </div>
    </div>
  </div>


  <%- include('_footer'); -%>
